<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="joda" uri="http://www.joda.org/joda/time/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />

<html>
<!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN" "http:/www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http:/www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<c:if test="${ adv.wUrl != ''}">
<meta http-equiv="refresh" content="0;url=${adv.wUrl}"> 
</c:if>
<title>沈阳国安驾校</title>
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<link href="${ctx}/guanaHTML/news.css" rel="stylesheet" type="text/css" />
<script src="${ctx}/guanaHTML/audio.min.js" type="text/javascript"></script>
<script>
	audiojs.events.ready(function() {
		audiojs.createAll();
	});
</script>
</head>
<script>
	window.onload = function() {
		var oWin = document.getElementById("win");
		var oLay = document.getElementById("overlay");
		var oBtn = document.getElementById("popmenu");
		var oClose = document.getElementById("close");
		oBtn.onclick = function() {
			oLay.style.display = "block";
			oWin.style.display = "block"
		};
		oLay.onclick = function() {
			oLay.style.display = "none";
			oWin.style.display = "none"
		}
	};
</script>
<body id="news">
	<div id="ui-header">
		<div class="fixed">
			<a class="ui-title" id="popmenu">选择分类</a> <a class="ui-btn-left_pre"
				href="javascript:history.go(-1)"></a> <a class="ui-btn-right_home"
				href="${ctx}/weixin/adv/index"></a>
		</div>
	</div>
	<div id="overlay"></div>
	<div id="win">
		<ul class="dropdown">
			<c:forEach var="advType" items="${advTypes}" varStatus="status">
				<li><a href="${ctx}/weixin/adv/list/${advType.id}"><span>${advType.title}</span>
				</a></li>
			</c:forEach>
			<div class="clr"></div>
		</ul>
	</div>
	<div class="Listpage">
		<div class="top46"></div>
		<div class="page-bizinfo">

			<div class="header" style="position: relative;">
				<h1 id="activity-name">${adv.title}</h1>
				<span id="post-date"><joda:format value="${adv.createTime}"
						pattern="yyyy-MM-dd" /></span>
			</div>
			<a id="biz-link" class="btn" href="#" data-transition="slide">
				<div class="arrow">
					<div class="icons arrow-r"></div>
				</div>
				<div class="logo">
					<div class="circle"></div>
					<img id="img" src="${ctx}/guanaHTML/logo.jpg">
				</div>
				<div id="nickname">沈阳国安驾校</div>
				<div id="weixinid">微信号:shenyangguoan</div>
			</a>
			<div class="showpic">
				<img src="${adv.imgUrl}" />
			</div>
			<div class="text" id="content">${adv.content}</div>

			<script>
				function dourl(url) {
					location.href = url;
				}
			</script>

		</div>

		<div class="list">
			<div id="olload">
				<span>其他内容</span>
			</div>

			<div id="oldlist">
				<ul>
					<c:forEach var="advForAdvType" items="${advForAdvTypes}"
						varStatus="status">
						<li class="newsmore"><a
							href="${ctx}/weixin/adv/content/${advForAdvType.id}">
								<div class="olditem">
									<div class="title">${advForAdvType.title}</div>
								</div>
						</a></li>
					</c:forEach>
				</ul>
				<a class="more" href="${ctx}/weixin/adv/list/${adv.advType.id}">更多精彩内容</a>
			</div>
		</div>
		<a class="footer" href="#news" target="_self"><span class="top">返回顶部</span></a>
		<div class="copyright">技术支持:沈阳凯鸿科技有限公司</div>
	</div>

	<div style="display: none"></div>
</body>
</html>